<template>
    <div class="select_city activity">
      <navbar>野练-选择城市</navbar>
      <div class="wrapper">
          <LoadMore :height="heights" :load-more="loadMore" :auto=false :refresh="refresh" ref="pulldown" :has-more="hasMore">
              <div class="title">
                <div class="txt">
                  <h2>课程预约</h2>
                  <p>选择城市</p>
                </div>
                <div class="backHome">回到首页</div>
              </div>
              <div class="cityList">
                <ul>
                  <li :class="{ 'unpen': city.activities==0 }" v-for="city in list" @click="city.activities!=0 ? jump('activity_list', city.id) : ''" :style="{backgroundImage:'url('+city.img+')'}">
                    <span>{{ city.name }}</span>
                  </li>
                </ul>
              </div>
          </LoadMore>
      </div>
      <div class="bottomBar">
        <button @click="jump('coupon_list')">查看野练PASS</button>
      </div>
    </div>

</template>

<script type="text/ecmascript-6">
  import js from '../../../cores/index.vue';
//
  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../styles/ot.less";
</style>
<style rel="stylesheet/less" lang="less">
  .select_city{
      /*.vlc-pullDown{*/
        /*height: 100%;*/
      /*.vlc-pullDown-content{*/
        /*height: 100%;*/
      /*}*/
      /*}*/
      .wrapper{
        height:100%;
        padding-bottom: 50px;
        overflow-y:auto;
      }
  }

</style>
